button::after {
	border: none;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}
.no-data {
	padding: 30rpx 0;
	text-align: center;
	color: #858587;
}

.bar-height {
	height: calc(var(--status-bar-height) + 14rpx);
}
.flex-1 {
	flex: 1;
}
.flex-2 {
	flex: 2;
}
.flex-3 {
	flex: 3;
}
.float-left{
  float: left;
}
.float-right{
  float: right;
}

.flex-row-start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flex-row-end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.flex-row-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-row-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-row-around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.flex-column-start {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.flex-column-end {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.flex-column-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flex-column-between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.flex-column-around {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.text-overflow-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical;
	white-space: normal; //规定段落中的文本不进行换行
	word-break: break-word; //允许单词中换行，在容器的最右边进行断开不会浪费空间
	word-wrap: break-word; //防止长单词溢出，单词内部断句
}

.text-overflow-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical;
	white-space: normal; //规定段落中的文本不进行换行
	word-break: break-word; //允许单词中换行，在容器的最右边进行断开不会浪费空间
	word-wrap: break-word; //防止长单词溢出，单词内部断句
}

.text-overflow-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical;
	white-space: normal; //规定段落中的文本不进行换行
	word-break: break-word; //允许单词中换行，在容器的最右边进行断开不会浪费空间
	word-wrap: break-word; //防止长单词溢出，单词内部断句
}

.text-overflow-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4 !important;
	-webkit-box-orient: vertical;
	white-space: normal; //规定段落中的文本不进行换行
	word-break: break-word; //允许单词中换行，在容器的最右边进行断开不会浪费空间
	word-wrap: break-word; //防止长单词溢出，单词内部断句
}

.text-overflow-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5 !important;
	-webkit-box-orient: vertical;
	white-space: normal; //规定段落中的文本不进行换行
	word-break: break-word; //允许单词中换行，在容器的最右边进行断开不会浪费空间
	word-wrap: break-word; //防止长单词溢出，单词内部断句
}

.nodata-text {
	font-size: 28rpx;
	color: rgb(192, 196, 204);
}
.nodata-key {
	max-width: 180rpx;
}

::v-deep uni-input {
	line-height: 1.5 !important;
}
.u-image {
	background: #f3f4f6;
}

/* 取消点击效果 */
.navigator-hover {
	background: none !important;
	opacity: 1 !important;
}
/* 英文字母换行 */
.break-all {
	word-break: break-word;
}
/* 字体中划线 */
.text-line-through {
	text-decoration: line-through;
}
/* 加粗 */
.font-weight {
	font-weight: bold;
}

.position-re {
	position: relative;
}

.position-ab {
	position: absolute;
}

// 定义字体(px)单位，小于20都为px单位字体
@for $i from 9 to 20 {
	.u-font-#{$i} {
		font-size: $i + px;
	}
}

// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
@for $i from 20 through 100 {
	.u-font-#{$i} {
		font-size: $i + rpx;
	}
}

// 定义内外边距，历遍1-100
@for $i from 0 through 100 {
	// 只要双数和能被5除尽的数
	@if $i % 2 == 0 or $i % 5 == 0 {
		// 得出：u-margin-30或者u-m-30
		.u-m-#{$i} {
			margin: $i + rpx !important;
		}
		// 得出：u-padding-30或者u-p-30
		.u-p-#{$i} {
			padding: $i + rpx !important;
		}

		@each $short, $long in l left, t top, r right, b bottom {
			// 定义外边距
			.u-m-#{$short}-#{$i} {
				margin-#{$long}: $i + rpx !important;
			}
			// 定义内边距
			.u-p-#{$short}-#{$i} {
				padding-#{$long}: $i + rpx !important;
			}
		}
	}
}

// 定义内外边距，历遍1-100
@for $i from 0 through 100 {
	// 只要双数和能被5除尽的数
	@if $i % 2 == 0 or $i % 5 == 0 {
		// 得出：u-margin-30或者u-m-30
		.m-#{$i} {
			margin: $i + rpx !important;
		}
		// 得出：u-padding-30或者u-p-30
		.p-#{$i} {
			padding: $i + rpx !important;
		}

		@each $short, $long in l left, t top, r right, b bottom {
			// 定义外边距
			.m-#{$short}-#{$i} {
				margin-#{$long}: $i + rpx !important;
			}
			// 定义内边距
			.p-#{$short}-#{$i} {
				padding-#{$long}: $i + rpx !important;
			}
		}
	}
}

// 定义透明度
@for $i from 0 through 10 {
	.opacity-#{$i} {
		opacity: calc($i / 10);
	}
}

// 定义宽度(vw)单位
@for $i from 0 through 100 {
	.w-#{$i} {
		width: $i + vw;
	}
}

// 定义高度(vh)单位
@for $i from 0 through 100 {
	.h-#{$i} {
		height: $i + vh;
	}
}

// 定义100%页面高度 兼容h5底部导航栏
.h-100-per {
	height: 100vh;
	/* #ifdef H5 */
	height: calc(100vh - 44px);
	/* #endif */
}

// 定义高度(vw)单位
@for $i from 0 through 100 {
	.h-w-#{$i} {
		height: $i + vw;
	}
}

// 定义圆角(rpx)单位
@for $i from 0 through 100 {
	.radius-#{$i} {
		border-radius: $i + rpx;
	}
}
// 定义行高(rpx)单位
@for $i from 0 through 100 {
	.line-height-#{$i} {
		line-height: $i + rpx;
	}
}
// 定义50%圆角
.radius-50-per {
	border-radius: 50%;
}

/* 底部按钮定位 */
.fixed-button-box {
	background-color: #fff;
	position: fixed;
	width: 100vw;
	left: 0;
	box-shadow: 0px 12rpx 24rpx 4rpx rgba(0, 0, 0, 0.16);
	padding: 30rpx 0;
	bottom: calc(constant(safe-area-inset-bottom));
	bottom: calc(env(safe-area-inset-bottom));
}
.fixed-button {
	padding: 0 20rpx;
	height: 80rpx;
	background: linear-gradient(90deg, #638df6 0%, #225be8 100%);
	border-radius: 40rpx;
	line-height: 80rpx;
	text-align: center;
	color: #fff;
	font-size: 28rpx;
}
.fixed-button-seat {
	height: calc(constant(safe-area-inset-bottom) + 80rpx + 80rpx);
	height: calc(env(safe-area-inset-bottom) + 80rpx + 80rpx);
}

.popup-content {
}
.popup-content-padding{
  padding: 0 30rpx;
}
.popup-head {
	justify-content: space-between;
	height: 110rpx;
	line-height: 110rpx;
	font-size: 34rpx;
	position: relative;
	align-items: center;
}
// #ifndef APP-NVUE
.popup-head-title {
	font-size: 32rpx;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 75rpx;
	right: 75rpx;
	height: 110rpx;
	line-height: 110rpx;
	text-align: center;
}
.popup-head-left {
	position: absolute;
	left: 0;
}
.popup-head-right {
	position: absolute;
	right: 0;
	font-weight: bold;
}
// #endif
.popup-body {
	min-height: 450rpx;
}
.popup-foot {
	justify-content: space-around;
	padding: 0 20rpx;
}
.popup-btn {
	height: 80rpx;
	line-height: 80rpx;
	border-radius: 40rpx;
	text-align: center;
	display: inline-block;
	flex: 1;
	margin: 0 16rpx;
	font-size: 36rpx;
}
.popup-btn:first-child{
	border: 2rpx solid #BFC4CD;
	background: #fff;
	color: #606266;
}
.popup-btn.left{
	border: 2rpx solid #BFC4CD;
	background: #fff;
	color: #606266;
}
.popup-btn.active {
	background: #00D8D8;
	color: #fff;
}
.popup-head-right,
.blue {
	color: #00C9C9;
}

.color-000{
  color: #000;
}
.color-333{
  color: #303030;
}
.color-666{
  color: #666;
}
.color-999{
  color: #999;
}
.color-aaa{
  color: #a0a0a0;
}
.color-ccc{
  color: #ccc;
}
.color-red{
  color: #E60012;
}
.color-orange{
  color: #FF9F0A;
}
.color-blue{
  color: #3668FE;
}
.color-white{
  color: #fff;
}
.color-green{
  color: #34C759;
}

.nav-header{
  position: sticky;
  top: 0;
  background: var(--bg-color);
  // background: linear-gradient(180deg, #D6E6FF 0%, #F5F7F9 100%);
  z-index: 11;
  min-height: calc(var(--status-bar-height) + 88rpx);
  /* #ifndef H5 */
  padding-top: calc(var(--status-bar-height) + 18rpx);
  /* #endif */

  .nav-header-main{
    min-height: calc(var(--status-bar-height) + 88rpx);
  }
}
.head-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 480rpx;
  z-index: -1;
}
.fixed-foot{
  position: fixed;
  background: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 22rpx 28rpx;
  padding-bottom: calc(contant(safe-area-inset-bottom) + 22rpx);
  padding-bottom: calc(env(safe-area-inset-bottom) + 22rpx);
  box-shadow: 0 -6rpx 6rpx 0 #F2F2F2;
  z-index: 111;

  .foot-btns{
    width: 340rpx;
    line-height: 76rpx;
    border-radius: 100rpx;
    background: #FFECEC;
    overflow: hidden;

    .foot-btn{
      flex: 1;
      text-align: center;
      color: var(--button-color);
      height: 100%;
      font-size: 28rpx;
    }
    .foot-btn2{
      background: var(--button-color);
      color: #fff;
    }
  }
  .foot-left{
    image{
      width: 72rpx;
      height: 72rpx;
      margin-right: 14rpx;
    }
    .foot-point{
      position: absolute;
      display: inline-block;
      line-height: 32rpx;
      padding: 0 10rpx;
      border-radius: 50rpx;
      background: #E60012;
      color: #fff;
      top: 0;
      right: 0;
    }
    .foot-price{
      color: var(--button-color);
    }
  }

  &.fixed-foot-tabbar{
    bottom: calc(contant(safe-area-inset-bottom) + 114rpx);
    bottom: calc(env(safe-area-inset-bottom) + 114rpx);
    padding-bottom: 22rpx;
  }
  &.fixed-foot-blue{
    .foot-btns{
      background: var(--button-color-light);
    }
    .foot-btn1{
      color: var(--button-color);
    }
    .foot-btn2{
      background: var(--button-color);
    }
    .foot-price{
      color: #111;
    }
  }
}
.has-foot{
  padding-bottom: calc(144rpx + constant(safe-area-inset-bottom)) !important;
  padding-bottom: calc(144rpx + env(safe-area-inset-bottom)) !important;
}

.btn-class{
  display: inline-block;
  padding: 16rpx 80rpx;
  border-radius: 100rpx;
  background: var(--button-color);
  color: #fff;

  &.disabled{
    background: #bbb;
  }
}
.button{
  display: inline-block;
  background: #E60012 !important;
	border: 2rpx solid #E60012 !important;
  color: #fff;
  line-height: 44rpx;
  border-radius: 40rpx;
  font-size: 20rpx;
  margin: 0;
  padding: 0 18rpx;
}
button.button{
  padding: 0 18rpx !important;
}
.button-blue{
  background: #3668FE !important;
  border-color: #3668FE !important;
}
.button-green{
  background: #34C759 !important;
  border-color: #34C759 !important;
}
.buttons{
	button{
		width: 47%;
    height: 88rpx;
    line-height: 88rpx;
		border-radius: 44rpx;
    font-size: 32rpx;
    margin: 0;

		&:first-child{
			border: 2rpx solid #A5A5A5;
		}
		&:last-child{
			border: 2rpx solid var(--button-color);
      background: var(--button-color);
      color: #fff;
		}
	}
}

.upload-wrap{
  position: relative;
  border-radius: 24rpx;

  &.upload-big{
    width: 420rpx;
    height: 260rpx;
  }
  &.upload-min{
    width: 333rpx;
    height: 200rpx;
  }
  .upload-mask{
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 24rpx;
  }
}

.nodata-wrap{
  padding: 200rpx 0 0;

  .nodata-img{
    width: 404rpx;
    height: 240rpx;
    margin-bottom: 16rpx;
  }
}

.btn-copy{
  display: inline-block;
  border: 2rpx solid #A5A5A5;
  color: #626262;
  padding: 0 10rpx;
  font-size: 20rpx;
  border-radius: 4rpx;
  line-height: 40rpx;
}
.success-wrap{
  padding-top: 140rpx;

  .success-icon{
    height: 140rpx;
    width: 140rpx;
  }
  .success-title{
    padding: 40rpx 0 20rpx;
  }
}

